@import 'src/app/common/styles/variable/index.scss';
@import 'src/app/common/styles/mixin/index.scss';
@import 'src/app/common/styles/components/tags.scss';
.cp-estate-item {
  overflow: hidden;
  .inner {
    display: flex;
    .left {
      margin-right: 0.12rem;
      .thumb {
        display: block;
        width: 1.1rem;
        height: 0.8rem;
        border-radius: 0.02rem;
      }
    }
    .right {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      flex: 1;
      .name {
        @include ellipsis(2.2rem);
        font-size: 0.16rem;
        line-height: 0.18rem;
        font-weight: 700;
      }
      .desc {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 0.08rem 0;
        padding-right: 0.08rem;
        .area-local {
          font-size: 0.12rem;
          .area {
            margin-bottom: 0.04rem;
            height: 0.12rem;
          }
          .local {
            @include ellipsis(1.2rem);
            height: 0.12rem;
          }
        }
        .wait {
          margin-bottom: 0.04rem;
          font-size: 0.12rem;
          color: $font2;
          text-align: right;
        }
        .price {
          display: flex;
          align-items: center;
          height: 0.16rem;
          line-height: 0.16rem;
          color: #ff2a2a;
          .number {
            margin: 0 0.04rem;
            font-size: 0.16rem;
            font-weight: bold;
          }
          .text,
          .unit {
            font-size: 0.12rem;
          }
        }
      }
    }
  }
  .attr {
    display: flex;
    align-items: center;
    margin: 0.12rem 0 0 1.22rem;
    .act-name {
      @include square(0.16rem);
      margin-right: 0.08rem;
      line-height: 1.15 * 0.16rem;
      font-size: 0.1rem;
      color: #fff;
      background: #f43b3b;
    }
    .act-desc {
      @include ellipsis(2rem);
      font-size: 0.12rem;
      height: 0.12rem;
      line-height: 0.12rem;
    }
  }
}
